﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AdminLogin.aspx.cs" Inherits="Admin_AdminLogin" %>


<%@ Import Namespace="yncTech.Common" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title><%= yncSettings.AdminTitle %></title>
    <script src='<%=Resource.GetScript("jq/jquery-1.7.2.min.js") %>'></script>
    <% if (false)
       { %>
    <script src='/Scripts/jq/jquery-1.7.2.min.js'></script>
    <script src='/Scripts/jq/jquery-1.7.2-vsdoc.js'></script>
    <%} %>
    <script type="text/javascript">
        $(function () {
            calculateLocation();
            $(window).resize(calculateLocation);
            //set the input box focus
            var user = $("#txtUserName");
            var pwd = $("#password");
            if (user.val() === "") {
                user.focus();
            }
            else {
                pwd.focus();
            }
            if ($("#btn_Login").attr("re-submit") === "undefined") {
                $("#btn_Login").attr("re-submit", 0);
            }

        });

        function calculateLocation() {
            var mainSel = $("#main");
            var windowSel = $(window);
            var mainW = mainSel.width();
            var mainH = mainSel.height();
            var windowW = windowSel.width();
            var windowH = windowSel.height();
            if (windowW > mainW) {
                mainSel.css("left", windowW / 2 - mainW / 2);
            }
            if (windowH > mainH) {
                mainSel.css("top", (windowH - mainH) / 3);
            }
        }

        function checkInput() {
            if ($("#btn_Login").attr("re-submit") == 1) {
                return false;
            }
            var user = $("#txtUserName");
            var pwd = $("#password");
            var err = $("#lbError");
            err.text(" ");
            if (user.val() == "") {
                err.text("请输入用户名!");
                user.focus();
                return false;
            }
            else if (pwd.val() == "") {
                err.text("请输入密码!");
                pwd.focus();
                return false;
            }
            $("#btn_Login").attr("re-submit", 1)

            //$("#btn_Login").removeClass("login_btn").addClass("login_btn_disable");
            //$("#btn_Login").attr("disabled", "disabled");
            return true;

        }
        
    </script>
    <style>
        /*h1
        {
            margin: 0px;
            padding: 0px;
        }
        input
        {
            margin: 0px;
            padding: 0px;
        }
        form
        {
            margin: 0px;
            padding: 0px;
        }
        body
        {
	        font-family: "微软雅黑","宋体", Arial, sans-serif; 
	        font-size: 12px; 
            font-size-adjust: none;
            font-stretch: normal;
        }
        input
        {
            font: 12px/normal Verdana, Arial, Helvetica;
            font-size-adjust: none;
            font-stretch: normal;
        }
        a
        {
            color: rgb(3, 48, 157);
            text-decoration: none;
        }
        a:hover
        {
            color: Blue;
        }
        .login_container
        {
            float: right;
        }
        .login_box
        {
            background: rgb(237, 245, 255);
            padding: 20px;
            border-radius: 5px;
            border: 1px solid rgb(172, 195, 228);
            width: 305px;
            margin-right: 4px;
            position: relative;
            z-index: 11;
            -webkit-border-radius: 5px;
            -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
        }
        .login_box h1
        {
            color: rgb(39, 69, 113);
            font-size: 16px;
        }
        .login_box .login_operate
        {
            padding: 12px 0px 20px;
        }
        .login_operate .username
        {
            padding: 5px 0px;
            width: 305px;
            position: relative;
            z-index: 2;
        }
        .login_operate .password
        {
            padding: 5px 0px;
            width: 305px;
            position: relative;
            z-index: 2;
        }
        .login_box .txt
        {
            padding: 0px 4px;
            border-radius: 4px;
            border: 1px solid rgb(157, 173, 197);
            width: 295px;
            height: 28px;
            color: #4872AE;
            line-height: 28px;
            font-size: 16px;
            position: relative;
            -webkit-border-radius: 3px;
            -webkit-transition: -webkit-box-shadow .1s linear;
            -moz-transition: box-shadow .1s linear;
        }
        .login_box .txt_default
        {
            padding: 0px 7px;
            left: 1px;
            top: 6px;
            width: 289px;
            height: 34px;
            color: #4872AE;
            line-height: 34px;
            font-size: 16px;
            font-weight: bold;
        }
        .login_box .txt:hover
        {
            border: 1px solid rgb(155, 187, 218);
            box-shadow: 0px 0px 5px rgba(110,189,222,0.5);
            -webkit-box-shadow: 0 0 5px rgba(110, 189, 222, 0.5);
        }
        .login_box .txt:focus
        {
            border: 1px solid #4872AE;
            box-shadow: 0px 0px 5px rgba(110,189,222,0.5);
            -webkit-box-shadow: 0 0 5px rgba(110, 189, 222, 0.5);
        }
        .login_box .remerber_password
        {
            margin-right: 4px;
            vertical-align: middle;
        }
        .login_box .about_password
        {
            padding: 4px 0px;
        }
        .login_box .remerber_password
        {
            margin-right: 4px;
            vertical-align: middle;
        }
        .login_box .about_password a
        {
            right: 4px;
            float: right;
            vertical-align: middle;
        }
        .login_operate .login_submit
        {
            padding: 5px 0px;
            width: 305px;
            position: relative;
            z-index: 2;
        }
        .login_operate .login_submit .login_cancel
        {
            margin-left: 12px;
        }
        .login_box .login_btn
        {
            float: right;
            border: solid 1px #4872AE;
            width: 82px;
            height: 28px;
            color: #4872AE;
            border-radius: 4px;
            line-height: 25px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            background: #DDECFE;
            -webkit-border-radius: 3px;
            -webkit-transition: -webkit-box-shadow .1s linear;
            -moz-transition: box-shadow .1s linear;
        }
        .login_box .login_btn_disable
        {
             float: right;
            border: solid 1px gray;
            width: 82px;
            height: 28px;
            color: black;
            border-radius: 4px;
            line-height: 25px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            background: LightGrey;
            -webkit-border-radius: 3px;
         }
        .login_box .login_btn
        {
            opacity: 0.7;
        }
        .login_box .login_btn:hover
        {
            border: 1px solid darkblue;
            box-shadow: 0px 0px 5px rgba(110,189,222,0.5);
            -webkit-box-shadow: 0 0 5px rgba(110, 189, 222, 0.5);
        }*/
        html, body{ margin:0; height:100%;overflow:hidden;}
        .lgbg{
            margin:0 auto;width:1316px;height:930px;overflow:hidden; z-index:1000;
           background:url(../App_Themes/Images/login_bg.jpg) no-repeat;
             /*filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
            -moz-background-size:100% 100%;
            background-size:100% 100%;*/
        }
        .login_box
        {
            background:url(../App_Themes/Images/login_input_bg.png);
            width:420px;
            height:365px;
            float:right;
            margin-right:120px;
            margin-top:500px;
        }
        .login_box .r1
            {
                width:100%;
                height:120px;
                line-height:120px;
                color:#fff;
                font-size:36px;
                text-align:center;
                font-weight:bold;
                font-family: Arial, 黑体; 
            }
        .login_box .r2
            {
                width:100%;
                height:70px;
                line-height:70px;
                text-align:center;
            }
        .login_box .r3
            {
                width:100%;
                height:60px;
                line-height:60px;
                text-align:center;
                color:#fff;
                font-size:12px;
                font-family:Arial;
            }
        .login_box .r4
            {
                width:100%;
                height:60px;
                line-height:60px;
                text-align:center;
            }
        .login_box .r5
            {
                width:100%;
                height:50px;
                line-height:50px;
                text-align:center;
            }
        .logo
        {
            background:url(../App_Themes/Images/logo3.png);
            width:150px;
            height:98px;
            right:380px;
            top:0;
            position:absolute;
        }
        .login_box input.password
        {
            background:url(../App_Themes/Images/login_input_password.png);
            width:300px;
            height:40px;
            font-size:18px;
            text-indent:50px;
            font-family: Arial, 黑体; 
        } 
        .login_box input.account
        {
            background:url(../App_Themes/Images/login_input_account.png);
            width:300px;
            height:40px;
            font-size:18px;
            text-indent:50px;
            font-family: Arial, 黑体; 
        }

        .login_box input.login_btn
        {
            background:#006249;
            height:35px;
            width:129px;
            border:none;
            color:#fff;
            font-size:20px;
            cursor:pointer;
            margin-top:30px;
            font-weight:bold;
            font-family: Arial, 黑体; 
        }
    </style>
</head>
<%--<body scroll="auto" style="background-image:url('/App_Themes/Images/bh_bg_1.png');background-size:100% auto;">--%>
    <body>
        <div class="logo"></div> 
        <div style="margin:0;overflow:hidden;width:100%;height:18px;z-index:1;"></div>
        
        <div class="lgbg">
           
            <div class="login_box">
                <form id="form1" clientidmode="Static" runat="server">
                    <div class="r1">博世财务凭证管理系统</div>
                    <div class="r2">
                        <input maxlength="20" id="txtUserName" runat="server" tabindex="1" class="account"
                            type="text" placeholder="请输入员工NT账号">
                    </div>
                    <div class="r5">
                        <input name="p" maxlength="20" id="password" runat="server" tabindex="2" class="password"
                            type="password" placeholder="请输入密码">
                    </div>
                    <div class="r4">
                         <asp:Button ID="btn_Login" OnClick="btn_Login_Click" runat="server" OnClientClick="return checkInput();"
                                        CssClass="login_btn" ClientIDMode="Static" Text="登陆" />
                    </div>
                    <div class="r3">
                        Copyright @ CF/GSA-CN&CF/ACC-CN
                    </div>

                <div class="login_operate" id="web_login" style="display: block;">
                    
                    <div class="about_password">
                        <table border="0" cellspacing="0" cellpadding="0" width="100%">
                           
                            <tr>
                                <td colspan="2" height="28px">
                                    <asp:Label ID="lbError" Font-Bold="true" ForeColor="Red" Font-Size="12pt" Text="&nbsp;"
                                        runat="server" ClientIDMode="Static"></asp:Label>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                    </form>
            </div>

        </div>

    
</body>
</html>
